<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="text" class="pd" name="ab-email">
        <p class="test" name="email-pd">
            第一层
        </p>
        <p name="password-pd">
            第二层
        </p>
        <p>
            第三层
        </p>
        <p>
            第四层
        </p>
        <input type="button" name="email">
    </div>
    <div class="ted " name="ab-title ">
        <li>
            HTML
        </li>
    </div>
    <!--练习-->
    <div id="test-jquery">
        <p id="para-1" class="color-red">JavaScript</p>
        <p id="para-2" class="color-green">Haskell</p>
        <p class="color-red color-green">Erlang</p>
        <p name="name" class="color-black">Python</p>
        <form class="test-form" target="_blank" action="#0" onsubmit="return false;">
            <legend>注册新用户</legend>
            <fieldset>
                <p><label>名字: <input name="name"></label></p>
                <p><label>邮件: <input name="email"></label></p>
                <p><label>口令: <input name="password" type="password"></label></p>
                <p><button type="submit">注册</button></p>
            </fieldset>
        </form>
    </div>
    <!-- HTML结构 -->
    <div class="testing">
        <ul class="lang">
            <li class="lang-JavaScript">JavaScript</li>
            <li class="lang-python">Python</li>
            <li class="lang-lua">Lua</li>
        </ul>
    </div>
    <form>
        <input type="checkbox" name="abc">
    </form>

    <script src="./js/jquery-3.5.1.min.js "></script>
    <script src="./js.js "></script>

</body>

</html>